<!DOCTYPE html> 
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>operamasks-ui下载页面</title>
        <link rel="shortcut icon" type="image/ico" href="favicon.ico" />
       <script type="text/javascript" src="resources/common/jquery.min.js"></script>
        <script type="text/javascript" src="../ui/om-ajaxsubmit.js"></script>
		<script type="text/javascript" src="../ui/om-core.js"></script>
		<script type="text/javascript" src="../ui/om-mouse.js"></script>
		<script type="text/javascript" src="../ui/om-draggable.js"></script>
		<script type="text/javascript" src="../ui/om-position.js"></script>
		<script type="text/javascript" src="../ui/om-messagebox.js"></script>
        <script type="text/javascript" src="resources/common/common.js"></script>
		<link rel="stylesheet" type="text/css" href="resources/common/common.css" />
		<link rel="stylesheet" href="../themes/default/om-theme.css">
		<link rel="stylesheet" href="../themes/default/om-messagebox.css">
        <link type="text/css" rel="stylesheet" href="resources/download/download.css" />
    </head>
    <body>
     <div id="main-frame-center">
	    <div class="header-class">
	        <div class="hdbanner">
	            <div class="hdlogo"></div>
	            <div class="hdmenu" id="__hdmenu">
	                <div link="homepage.html"><span>首页</span></div>
	                <div link="demos.html"><span>示例</span></div>
	                <div link="download.html" class="default_selected"><span>下载</span></div>
	                <div link="team.html"><span>团队</span></div>
	                <div link="http://www.operamasks.org/forum/index.php"><span>社区</span></div>
	                <div link="http://www.operamasks.org/blog"><span>博客</span> </div>
	                <div link="roadmap.html"><span>Roadmap</span></div>
	            </div>
	        </div>
	    </div>
	    <div id="__content" class="content">
	    	<div class="download-frame">
            <div class="header-download" >
               <span>下载OperaMasks-UI</span>
            </div>
            <div class="clear-float"></div>
            <div class="content-download">
               <div class="left">
                  <div class="builds">
                     <div class="builds-content">
                        <span class="builds-download">下载 2.0</span>
                        <div class="gradient-box">
                           <strong>OperaMasks-UI 开发指南:</strong><a href="http://www.operamasks.org/dist/operamasks-ui/dev-guide/OperaMasks-UI-Guide.chm">&nbsp;&nbsp;OperaMasks-UI-Guide.chm</a><br/><br/>
                           <strong>OperaMasks-UI Toolkit Release:</strong><br/>
                           <p>
                           	<img src="resources/download/images/block.png">&nbsp;&nbsp;<span>Release:&nbsp;&nbsp;</span>
                           	operamasks-ui-2.0.zip&nbsp;(<a href="http://code.google.com/p/operamasks-ui/downloads/detail?name=operamasks-ui-2.0.zip&can=2&q=">google code</a>&nbsp;|&nbsp;<a href="http://www.operamasks.org/dist/operamasks-ui/2.0/operamasks-ui-2.0.zip">网站</a>)&nbsp;&nbsp;
                           	operamasks-ui-2.0-demo.zip&nbsp;(<a href="http://code.google.com/p/operamasks-ui/downloads/detail?name=operamasks-ui-2.0-demo.zip&can=2&q=">google code</a>&nbsp;|&nbsp;<a href="http://www.operamasks.org/dist/operamasks-ui/2.0/operamasks-ui-2.0-demo.zip">网站</a>)
                           	</p>
                           	<p><a id="view-more-release" href="#">查看更多版本...</a></p>
                           	<div id="more-release">
                           		<ul>
                           			<li id="release-1.2">
		                           		<span>Release1.2:&nbsp;&nbsp;</span>
                           				operamasks-ui-1.2.zip&nbsp;(<a href="http://code.google.com/p/operamasks-ui/downloads/detail?name=operamasks-ui-1.2.zip&can=2&q=">google code</a>&nbsp;|&nbsp;<a href="http://www.operamasks.org/dist/operamasks-ui/1.2/operamasks-ui-1.2.zip">网站</a>)&nbsp;&nbsp;
                           				operamasks-ui-1.2-demo.zip&nbsp;(<a href="http://code.google.com/p/operamasks-ui/downloads/detail?name=operamasks-ui-1.2-demo.zip&can=2&q=">google code</a>&nbsp;|&nbsp;<a href="http://www.operamasks.org/dist/operamasks-ui/1.2/operamasks-ui-1.2-demo.zip">网站</a>)
                           			</li>
                           			<li id="release-1.1">
		                           		<span>Release1.1:&nbsp;&nbsp;</span>
			  							operamasks-ui-1.1.zip&nbsp;(<a href="http://www.operamasks.org/dist/operamasks-ui/1.1/operamasks-ui-1.1.zip">网站服务器</a>&nbsp;|&nbsp;<a href="http://115.com/file/c2p9f715">网盘</a>)&nbsp;&nbsp;
			                           	operamasks-ui-demo.zip&nbsp;(<a href="http://www.operamasks.org/dist/operamasks-ui/1.1/operamasks-ui-demo.zip">网站服务器</a>&nbsp;|&nbsp;<a href="http://115.com/file/c2p9ffgu">网盘</a>)
                           			</li>
                           			<li id="release-1.0">
		                           		<span>Release1.0:&nbsp;&nbsp;</span>
			  							operamasks-ui-1.0.zip&nbsp;(<a href="http://www.operamasks.org/dist/operamasks-ui/1.0/operamasks-ui-1.0.zip">网站服务器</a>)&nbsp;&nbsp;
			                           	operamasks-ui-demo.zip&nbsp;(<a href="http://www.operamasks.org/dist/operamasks-ui/1.0/operamasks-ui-demo.zip">网站服务器</a>)
                           			</li>
                           		</ul>
                           	</div>
                           	
                           <div class="clear-float"></div>
                        </div>
                     </div>
                      <div class="builds-content">
                      	<form id="builds-form" action="../code-builder" method="post">
                      	<span class="builds">构建OperaMasks-UI</span>
                      	<div id="theme-select">
                      	<span>选择皮肤：</span>
                      	<select name="theme">
                      		<option value="default">default</option>
                      		<option value="apusic">apusic</option>
                      	</select>
                      	</div>
                      	<a href="#" class="select-all">选择所有控件</a>
                       	<div id="component-group-form" class="component-group">
                       		<div class="component-group-desc">
                       			<h3>Form</h3>
                       		</div>
                       		<fieldset class="component-group-list">
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.calendar" value="om.calendar" name="files[]">
								<label class="clearfix" for="om.calendar">
									<span class="component-title">omCalendar</span>
									<span class="component-desc">创建一个日历控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.combo" value="om.combo" name="files[]">
								<label class="clearfix" for="om.combo">
									<span class="component-title">omCombo</span>
									<span class="component-desc">创建一个下拉框控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.numberfield" value="om.numberfield" name="files[]">
								<label class="clearfix" for="om.numberfield">
									<span class="component-title">omNumberfiled</span>
									<span class="component-desc">创建一个数字输入框控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.suggestion" value="om.suggestion" name="files[]">
								<label class="clearfix" for="om.suggestion">
									<span class="component-title">omSuggestion</span>
									<span class="component-desc">创建一个Ajax提示控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.validate" value="om.validate" name="files[]">
								<label class="clearfix" for="om.validate">
									<span class="component-title">omValidate</span>
									<span class="component-desc">创建一个表单校验控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.ajaxsubmit" value="om.ajaxsubmit" name="files[]">
								<label class="clearfix" for="om.ajaxsubmit">
									<span class="component-title">omAjaxsubmit</span>
									<span class="component-desc">创建一个Ajax表单提交</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.fileupload" value="om.fileupload" name="files[]">
								<label class="clearfix" for="om.fileupload">
									<span class="component-title">omFileupload</span>
									<span class="component-desc">创建一个文件上传控件</span>
								</label>
								</div>
								<div class="field-pair ">
								<input type="checkbox" id="om.itemselector" value="om.itemselector" name="files[]">
								<label class="clearfix" for="om.itemselector">
									<span class="component-title">omItemSelector</span>
									<span class="component-desc">创建一个项目选择器</span>
								</label>
								</div>
                       		</fieldset>
                       		<div class="clear-float"></div>
                       	</div>
                       	<div id="component-group-widgets" class="component-group">
                       		<div class="component-group-desc">
                       			<h3>Widget</h3>
                       		</div>
                       		<fieldset class="component-group-list">
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.grid" value="om.grid" name="files[]">
								<label class="clearfix" for="om.grid">
									<span class="component-title">omGrid</span>
									<span class="component-desc">创建一个表格控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.tree" value="om.tree" name="files[]">
								<label class="clearfix" for="om.tree">
									<span class="component-title">omTree</span>
									<span class="component-desc">创建一个树控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.button" value="om.button" name="files[]">
								<label class="clearfix" for="om.button">
									<span class="component-title">omButton</span>
									<span class="component-desc">创建一个按钮控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.buttonbar" value="om.buttonbar" name="files[]">
								<label class="clearfix" for="om.buttonbar">
									<span class="component-title">omButtonbar</span>
									<span class="component-desc">创建一个工具条控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.slider" value="om.slider" name="files[]">
								<label class="clearfix" for="om.slider">
									<span class="component-title">omSlider</span>
									<span class="component-desc">创建一个滑动器控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.menu" value="om.menu" name="files[]">
								<label class="clearfix" for="om.menu">
									<span class="component-title">omMenu</span>
									<span class="component-desc">创建一个菜单控件</span>
								</label>
								</div>
								<div class="field-pair ">
								<input type="checkbox" id="om.progressbar" value="om.progressbar" name="files[]">
								<label class="clearfix" for="om.progressbar">
									<span class="component-title">omProgressbar</span>
									<span class="component-desc">创建一个进度条控件</span>
								</label>
								</div>
								<div class="field-pair ">
								<input type="checkbox" id="om.tooltip" value="om.tooltip" name="files[]">
								<label class="clearfix" for="om.Tooltip">
									<span class="component-title">omTooltip</span>
									<span class="component-desc">创建一个提示控件</span>
								</label>
								</div>
                       		</fieldset>
                       		<div class="clear-float"></div>
                       	</div>
                       	<div id="component-group-window" class="component-group">
                       		<div class="component-group-desc">
                       			<h3>Window</h3>
                       		</div>
                       		<fieldset class="component-group-list">
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.messagebox" value="om.messagebox" name="files[]">
								<label class="clearfix" for="om.messagebox">
									<span class="component-title">omMessagebox</span>
									<span class="component-desc">创建一个提示信息弹出框控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.dialog" value="om.dialog" name="files[]">
								<label class="clearfix" for="om.dialog">
									<span class="component-title">omDialog</span>
									<span class="component-desc">创建一个对话框控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.messagetip" value="om.messagetip" name="files[]">
								<label class="clearfix" for="om.messagetip">
									<span class="component-title">omMessagetip</span>
									<span class="component-desc">创建一个右下角弹出提示窗口控件</span>
								</label>
								</div>
                       		</fieldset>
                       		<div class="clear-float"></div>
                       	</div>
                       	<div id="component-group-layout" class="component-group">
                       		<div class="component-group-desc">
                       			<h3>Layout</h3>
                       		</div>
                       		<fieldset class="component-group-list">
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.tabs" value="om.tabs" name="files[]">
								<label class="clearfix" for="om.tabs">
									<span class="component-title">omTabs</span>
									<span class="component-desc">创建一个页签布局控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.accordion" value="om.accordion" name="files[]">
								<label class="clearfix" for="om.accordion">
									<span class="component-title">omAccordion</span>
									<span class="component-desc">创建一个抽屉布局控件</span>
								</label>
								</div>
								<div class="field-pair ">
								<input type="checkbox" id="om.borderlayout" value="om.borderlayout" name="files[]">
								<label class="clearfix" for="om.borderlayout">
									<span class="component-title">omBorderLayout</span>
									<span class="component-desc">创建一个边界布局控件</span>
								</label>
								</div>
								<div class="field-pair ">
								<input type="checkbox" id="om.panel" value="om.panel" name="files[]">
								<label class="clearfix" for="om.panel">
									<span class="component-title">omPanel</span>
									<span class="component-desc">创建一个面板布局控件</span>
								</label>
								</div>
                       		</fieldset>
                       		<div class="clear-float"></div>
                       	</div>
                       	<div id="component-group-function" class="component-group">
                       		<div class="component-group-desc">
                       			<h3>Function</h3>
                       		</div>
                       		<fieldset class="component-group-list">
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.draggable" value="om.draggable" name="files[]">
								<label class="clearfix" for="om.draggable">
									<span class="component-title">omDraggable</span>
									<span class="component-desc">创建一个可拖拽控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.droppable" value="om.droppable" name="files[]">
								<label class="clearfix" for="om.droppable">
									<span class="component-title">omDroppable</span>
									<span class="component-desc">创建一个可拖拽控件</span>
								</label>
								</div>
	                       		<div class="field-pair ">
								<input type="checkbox" id="om.scrollbar" value="om.scrollbar" name="files[]">
								<label class="clearfix" for="om.scrollbar">
									<span class="component-title">omScrollbar</span>
									<span class="component-desc">创建一个自定义滚动条控件</span>
								</label>
								</div>
                       		</fieldset>
                       		<div class="clear-float"></div>
                       	</div>
                      	<button type="submit" id="download-zip">下载</button>
                       	</form>
                     </div>
                  </div>
                  
               </div>
               <div class="right">
                   <h4 class="right-panel">我们的license</h4>
                   <p><a href="http://www.gnu.org/licenses/lgpl.html" target="_blank">LGPL Licenses</a></p>
                   
                   <h4 class="right-panel">其它相关材料</h4>
                   <p><a href="http://www.operamasks.org/index.faces"" target="_blank">OperaMasks</a></p>
               </div>
            </div>
            <div class="clear-float"></div>
         </div>
	    </div>
	    <div id="__footer" class="footer">
		       <div>
		           <a href="http://www.apusic.com" target="_blank">金蝶旗下公司</a> | 
		           <a href="team.html" target="_blank">关于我们</a> |
		           <a href="#" target="_blank">联系我们</a> |
		           <a href="#" target="_blank">使用条款</a> |
		           <a href="#" target="_blank">保密声明</a>
		       </div>
		       <div>Copyright © Apusic System, Inc. All rights reserved</div>
	    </div>
	    </div>
    </body>
    	<script type="text/javascript">
    	$(document).ready(function(){
	    	var options = {
	            success : showResponse
	        };
	        $('#builds-form').submit(function() {
	            $(this).omAjaxSubmit(options);
	            return false;//返回false,阻止浏览器默认行为
	        });
	        
	    	$('#builds-form a.select-all').bind('click',function(){
	    		if(this.innerHTML.indexOf('取消') != -1) {
	    			$('.builds-content input[type=checkbox]').attr('checked', false);
	    			this.innerHTML = "选择所有构件";
	    		} else {
	    			$('.builds-content input[type=checkbox]').attr('checked', true);
	    			this.innerHTML = "取消选择所有构件";
	    		}
	    		updateDownloadBtnStatu();
	    		return false;
	    	});
	    	$('#view-more-release').click(function(){
	    		var more = $('#more-release');
	    		if(more.is(':hidden')){
	    			more.show();
	    			$(this).html("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;↑收起");
	    		} else{
	    			more.hide();
	    			$(this).html("查看更多版本");
	    		}
	    		return false;
	    	});
	    	$('.builds-content input[type=checkbox]').attr('checked', false).bind($.browser.msie ? 'click' : 'change',function(){
	    		updateDownloadBtnStatu();
	    	});
	    	$('#download-zip').bind('click', function(event) {
	    		if($(this).attr('disabled') != 'false'){
    		        $.omMessageBox.waiting({
    		           title:'请等待',
    		           content:'服务器正在处理请求'
    		        });
					return true;		
	    		} else{
	    			return false;
	    		}
	    	});	
	    	updateDownloadBtnStatu();
    	});
    	function updateDownloadBtnStatu(){
    		if($('.builds-content input[type=checkbox]:checked').size() == 0){
    			$('#download-zip').addClass('download-btn-state-disabled').attr('disabled',true);
    		} else{
    			$('#download-zip').removeClass('download-btn-state-disabled').attr('disabled',false);
    		}
    	}
        function showResponse(responseText, statusText, xhr, $form){
        	$.omMessageBox.waiting('close');
        	window.location.href=responseText;
        }
    </script>
</html>